home *** CD-ROM | disk | FTP | other *** search
/ Sesame Street - Season 38 Press Kit / Sesame Street - Season 38 Press Kit CD-ROM.iso / GRAB / html / css / main.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2007-06-06  |  7.1 KB  |  143 lines
  1. /* Basic styles */
  2. *{margin:0;padding:0}
  3. a img,fieldset{border:0}
  4. img,object{display:block}
  5. a,a:hover{outline:none;cursor:pointer;text-decoration:none}
  6. ul{list-style:none}
  7. td{vertical-align:top}
  8. input,textarea{padding:1px}
  9. option{padding:1px .5em 0 2px}
  10. input.submit{cursor:pointer}
  11. .hide{display:none}
  12. .clear{clear:both}
  13.  
  14. /* Body,html,wrapper */
  15. html{background:#fff;}
  16. body{color:#181c29;font-family:verdana,sans-serif;font-size:11px;}
  17. #wrapper{width:649px;margin-left:38px;margin-top:20px;position:relative;}
  18.  
  19. /* Header */
  20. #header{position:relative;height:215px}
  21. #header-logo{position:absolute;top:17px;right:0;}
  22. #header-press_room_home{position:absolute;top:39px;left:0;}
  23. .header-behind_scenes{background:url(../images/header_bg-behind_scenes.jpg) no-repeat;}
  24. .header-more_sesame_street{background:url(../images/header_bg-more_sesame_street.jpg) no-repeat;}
  25. .header-news{background:url(../images/header_bg-news.jpg) no-repeat;}
  26. .header-about_the_show{background:url(../images/header_bg-about_the_show.jpg) no-repeat;}
  27.  
  28. /* Left */
  29. #left{float:left;width:158px;padding:0 18px 0 0;}
  30. #left ul{margin:0 0 35px;}
  31. #left ul li{line-height:11px;width:145px;position:relative;}
  32. #left ul li a{padding:3px 0 5px 23px;display:block;}
  33. * html #left ul li a{float:left;}
  34. #left ul.news a{color:#e1660c;}
  35. #left ul.news a:hover,#left ul.news a.active{background:url(../images/left-arrow_1.gif) 0 2px no-repeat;}
  36. #left ul.show a{color:#1b7c9a;}
  37. #left ul.show a:hover,#left ul.show a.active{background:url(../images/left-arrow_2.gif) 0 2px no-repeat;}
  38. #left ul.scenes a{color:#cc0099;}
  39. #left ul.scenes a:hover,#left ul.scenes a.active{background:url(../images/left-arrow_3.gif) 0 2px no-repeat;}
  40. #left ul.more a{color:#72a115;}
  41. #left ul.more a:hover,#left ul.more a.active{background:url(../images/left-arrow_4.gif) 0 2px no-repeat;}
  42.  
  43. /* Main */
  44. #main{overflow:hidden;zoom:1}
  45.  
  46. /* Content */
  47. #content{width:468px;float:left;position:relative;}
  48. #content h1{background:url('../images/h1-dots.gif') left bottom no-repeat;padding:0 0 4px;}
  49. #download_pdf{position:absolute;top:5px;right:5px;}
  50. #download_pdf a,#download_pdf a:visited{font-family:arial,sans-serif;font-size:10px;color:#009bcc!important;}
  51. #download_pdf a:hover{text-decoration:underline;}
  52. .content-news h2{color:#ff9900!important;}
  53. .content-news h2 a{color:#ff9900!important;}
  54. .content-news .h2{color:#ff9900!important;}
  55. .content-news li{background:url(../images/content_li-news.gif) 23px 5px no-repeat;}
  56. .content-news a.download{font-size:10px;color:#009bcc!important;}
  57. .content-scenes h2{color:#cc0099!important;}
  58. .content-scenes .h2{color:#cc0099!important;}
  59. .content-scenes li{background:url(../images/content_li-scenes.gif) 23px 5px no-repeat;}
  60. .content-show h2{color:#009bcc!important;}
  61. .content-show .h2{color:#009bcc!important;}
  62. .content-more h2{color:#acd165!important;}
  63. .content-more .h2{color:#acd165!important;}
  64. .content-more li{background:url(../images/content_li-more.gif) 23px 5px no-repeat;}
  65.  
  66. /* Footer */
  67. #footer{    height: 160px;    background: url('../images/footer_bg.jpg') 0 0 no-repeat;}
  68.  
  69. /* Content basic styles */
  70. #content a,#content a:visited{color:#1b7c9a;}
  71. #content a:hover{text-decoration:underline;}
  72. #content p{margin:0 0 16px;line-height:18px}
  73. #content h1{margin:0 0 10px;}
  74. #content h2{font-size:1em;color:#333366;font-weight:bold;line-height:18px;}
  75. #content h2 em{font-weight:normal;}
  76. #content ol{margin-bottom:16px;}
  77. #content ol li{list-style-type:decimal;}
  78. #content ul{margin-bottom:16px;margin-top:8px}
  79. #content ul li{padding-left:40px;padding-bottom: 16px;line-height:16px;position:relative;}
  80. #content .left{float:left;    padding: 0 2em 1em 0;}
  81. #content .right{float:right;    padding: 0 0 1em 2em;}
  82. #content .left_pd{float:left;  margin:10px 15px 25px 0px;}
  83. #content .right_pd{float:right;  margin:10px 0 25px 15px;}
  84. #content .clear{overflow:hidden;zoom:1}
  85. #content .hr{margin:14px 0;height:8px;background:url(../images/hr.gif) no-repeat;padding}
  86. #content .hr hr{display:none;}
  87.  
  88.  
  89. /* CONTENT NAV bios */
  90. #content #content_nav-bios{overflow:hidden;zoom:1;margin:0 0 40px; float:left;}
  91. #content #content_nav-bios li{width:150px;padding:0;margin:0;line-height:18px;background:none;}
  92.  
  93. /* CONTENT NAV normal */
  94. #content #content_nav li{    padding: 0;    margin: 0;    background: none;}
  95. #content #content_nav li a,#content #content_nav li a:visited{    text-transform: uppercase;    font-family:verdana,tahoma,sans-serif;    font-size:10px;    line-height:14px;}
  96.  
  97. /* LOGIN PAGE */
  98. form#login{width:200px;padding:0 170px 0 45px;background:url(../images/login_bg.gif) right top no-repeat;margin:50px 0 0}#login div{margin:0 0 010px;}
  99. #login label{font-weight:bold;display:block;margin-bottom:2px;font-size:10px;}
  100. #login input{display:block;  border:1px solid #7F9DB9;  width:150px;}
  101. #login input.submit{  display:block;  border:0;  width:auto;}
  102. #login p{  padding:20px 0;  margin:0;}
  103.  
  104. /* CONTENT NAV artwork */
  105. #content .artwork{overflow:hidden;zoom:1;}
  106. #content .artwork p{line-height:14px;}
  107. #content #content_nav-artwork{float:left;width:150px;margin:0}
  108. #content #content_nav-artwork li{float:left;margin:0;padding:0}
  109. #content #content_nav-artwork li a{width:111px;height:19px;display:block;text-indent:-9999px}
  110. #content #content_nav-artwork li a:hover{background-position:0 0!important;}
  111. #content #content_nav-artwork li a.active{background-position:0 0!important;}
  112. #content #content_nav-artwork li.item-1 a{background:url(../images/artwork_1.gif) 0 -19px no-repeat;}
  113. #content #content_nav-artwork li.item-2 a{background:url(../images/artwork_2.gif) 0 -19px no-repeat}
  114. #content #content_nav-artwork li.item-3 a{background:url(../images/artwork_3.gif) 0 -19px no-repeat}
  115. #content #content_nav-artwork li.item-4 a{background:url(../images/artwork_4.gif) 0 -19px no-repeat}
  116. #content #content_nav-artwork li.item-5 a{background:url(../images/artwork_5.gif) 0 -19px no-repeat}
  117. #content #content_nav-artwork p{float:right;}
  118.  
  119. /* ARTWORK */
  120. ul#artwork{margin:0;overflow:hidden; zoom:1; padding-top:10px;}
  121. * html ul#artwork{ margin:0 0 16px;  }
  122. ul#artwork li{float:left;display:inline;width:125px;padding:0 15px;margin:0;background:none;  text-align: center; background:url(../images/artwork_bg.gif) 10px 0 no-repeat;}
  123. ul#artwork p{ font-size:10px;  line-height: 14px; color:#009bcc;padding:0 10px 0 0}
  124. ul#artwork img{padding:10px 10px 15px 5px;}
  125. ul#artwork p.caption{background:url(../images/artwork_caption_bg.gif) center bottom no-repeat;padding:0 0 20px;}
  126.  
  127. /* CLIPS */
  128. ul#clips{  margin:0;  overflow:hidden; zoom:1}
  129. * html ul#clips{ margin:0 0 16px;  }
  130. ul#clips li{float:left;display:inline;width:155px;padding:0;margin:0;background:none;  text-align: center;  padding-bottom:10px;background:url(../images/clip_bg.gif) no-repeat;}
  131. ul#clips p{line-height: 14px; color:#009bcc;padding:0 5px 0 10px;color:#181c29;margin:0}
  132. ul#clips p strong{color:#cc0099}
  133. ul#clips a{text-decoration:underline;}
  134. ul#clips img{padding:37px 10px 18px 29px;}
  135.  
  136. /* PRESS RELEASES PAGE */
  137. div.press_release{background: url('../images/press_release_arrow.gif') 0 18px no-repeat; padding-left: 65px; padding-bottom: 10px;}
  138. div.press_release h2{text-transform: uppercase;}
  139.  
  140. .news_list{background:url(../images/h1-dots.gif) left bottom no-repeat;;padding:0 0 10px;margin:0 0 20px;}
  141. .news_list .bull{color:#ff9900;}
  142.  
  143.